<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .box{
            width: 100%;
            height: 100%;
            position: relative;
        }
        iframe{
            width: 100%;
            height: 100%;
        }
        .maskTop{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height:120px;
            background: #fff;
        }
        .maskRight{
            position: absolute;
            right: 0;
            top: 0;
            width: 320px;
            height: 100%;
            background: #fff;
        }
        .maskBottom{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: #fff;
        }

    </style>
</head>
<body>
<div class="box">
    <iframe src="http://products.weather.com.cn/product/radar/index/procode/JC_RADAR_AZ9531_JB.shtml" frameborder="0" scrolling="no"></iframe>
    <div class="maskTop"></div>
    <div class="maskRight"></div>
    <div class="maskBottom"></div>
    <div id="echarts" style="width: 600px;height: 500px;"></div>
</div>
<script src="./../jscript/echarts.js"></script>
<script>
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('echarts'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: 'ECharts 入门示例'
        },
        tooltip: {},
        legend: {
            data:['销量1']
        },
        xAxis: {
            data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
        },
        yAxis: {
            min:0,
            max:10,
            axisLabel:{
                formatter: function (value) {
                    console.log(value)
                    var texts = [];
                    if(value==0){
                        texts.push('woo');
                    }
                    else if (value <=1) {
                        texts.push('好');
                    }
                    else if (value<= 2) {
                        texts.push('很好');
                    }
                    else if(value<= 3){
                        texts.push('非常好');
                    }
                    else{
                        texts.push('完美');
                    }
                    return texts;

                }
            }
        },
        series: [{
            name: '销量1',
            type: 'bar',
            data: [1,4,2,3,2,0]
        }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

</script>
</body>
</html>